<template>
  <div>
    <nav-header></nav-header>
    <nav-main></nav-main>
    <nav-footer></nav-footer>
    <!-- 注释22 -->
  </div>
</template>

<script>
// @ is an alias to /src
import {defineComponent,ref,reactive,toRefs} from 'vue'
import NavHeader from '@/components/navHeader/NavHeader'
import NavMain from '@/components/navMain/NavMain'
import NavFooter from '@/components/navFooter/NavFooter'

export default defineComponent({
  name: 'Home',
  //定义子组件
  components: {
     NavHeader,
     NavMain,
     NavFooter
  },
  //接受父组件的数据
  props:{},
  //此函数不能通过this访问vue实例
  setup(props,ctx) {
 
    let data = reactive({
      name:'chencheng',
      arr:['1','2','3']
    });
    return {
      data
    };
  }
})
</script>

<style lang="scss" scoped>

</style>
